@mixin Mid {
    width : 900px;
    margin: 0px auto;
}

.wrap {
    margin: 0 auto;
    width : 990px;
}

.head {
    width        : 100%;
    margin-bottom: 1px;
    height       : 102px;

    .bgColor {
        background   : #eee;
        border-bottom: 1px solid #e5e5e5;

    }

    .logo {
        position   : relative;
        float      : left;
        height     : 63px;
        padding-top: 10px;
        background : url("../images/主页效果/newlogo.png") no-repeat 0 10px;
        width      : 427px;
    }

    .serchBox {
        float      : right;
        padding-top: 8px;
        width      : 535px;
        height     : 68px;

        .cart {
            width      : 126px;
            height     : 34px;
            float      : right;
            padding-top: 12px;
            position   : relative;
            z-index    : 11;

            .cur {

                .nums {
                    background-position: 0 -34px;
                    color              : #fff;
                }
            }

            .nums {
                width       : 80px;
                height      : 34px;
                line-height : 34px;
                padding-left: 46px;
                background  : url(../images/主页效果/head_cart_bg.gif) no-repeat;
                display     : block;
            }
        }

        .search {
            width   : 345px;
            float   : left;
            height  : 55px;
            padding : 8px 0 4px;
            position: relative;
            z-index : 10;

            .sbox {
                width   : 100%;
                float   : left;
                height  : 30px;
                overflow: hidden;
            }

            .skeyword {
                height     : 28px;
                line-height: 28px;
                color      : #ccc;
                width      : 100%;
                float      : left;
                overflow   : hidden;

                a {
                    color        : #888;
                    padding-right: 4px;
                }
            }

            .sput {
                width       : 272px;
                height      : 26px;
                overflow    : hidden;
                float       : left;
                border      : 2px solid #d5d5d5;
                border-right: 0;

                input {
                    width      : 260px;
                    height     : 26px;
                    float      : left;
                    line-height: 26px;
                    color      : #666;
                    padding    : 0 5px;
                    border     : 0;
                }
            }

            .sbtn {
                width      : 65px;
                height     : 30px;
                background : #444;
                float      : left;
                cursor     : pointer;
                border     : 0;
                font-family: microsoft yahei;
                font-size  : 16px;
                color      : #fff;
            }
        }
    }

    .topnav {
        position   : relative;
        padding-top: 4px;
        height     : 21px;
        z-index    : 10000;
    }

    .hedul {
        position: absolute;
        height  : 16px;
        right   : 0;
        top     : 4px;

        a {
            color: #666;
        }

        li {
            float       : left;
            padding     : 0 15px;
            border-right: 1px solid #d5d5d5;
            height      : 16px;
            line-height : 16px;
            font-family : '宋体';
        }

        .my {
            .drap {
                .panel {
                    width        : 165px;
                    padding-right: 0;
                    overflow     : hidden;

                    li {
                        border      : 0;
                        float       : left;
                        height      : 27px;
                        width       : 50px;
                        padding-left: 2px;
                        line-height : 26px;
                        background  : url("../images/主页效果/head_2013_v2.png") no-repeat 0 26px;
                        margin-right: 15px;
                    }
                }
            }
        }

        .menu {
            position     : relative;
            padding-right: 25px;
            z-index      : 9;

            li {
                padding    : 0 15px;
                font-family: '宋体';
            }

            p {
                position: relative;
                z-index : 8;
            }

            a {
                position: relative;
                z-index : 8;
            }

            i {
                position    : absolute;
                top         : 6px;
                right       : 10px;
                height      : 0;
                width       : 0;
                overflow    : hidden;
                border-width: 4px 4px 0;
                border-style: solid;
                border-color: #666 #eee #eee;
                z-index     : 7;
            }

            .hd {
                position     : absolute;
                height       : 20px;
                width        : 100px;
                left         : -1px;
                top          : -4px;
                border       : 1px solid #ccc;
                box-shadow   : 0 -3px 3px #ccc;
                border-bottom: 0;
                background   : #fff;
                display      : none;
                z-index      : 6;
            }

            .drap {
                position  : absolute;
                background: #fff;
                top       : 16px;
                right     : -3px;
                border    : 1px solid #ccc;
                box-shadow: 0 0 3px #ccc;
                display   : none;
                z-index   : 5;

                .panel {
                    padding  : 10px 10px 10px 15px;
                    min-width: 65px;
                }
            }

        }

        .phone {
            background: url(../images/s.cn.png) no-repeat -366px 1px;
        }

    }



}

.nav-hed {
    height        : 34px;
    width         : 100%;
    margin        : 0 auto;
    padding-bottom: 5px;
    background    : url(../images/主页效果/shuline.gif) repeat-x bottom;

    .navBox {
        width     : 1050px;
        margin    : 0 auto;
        height    : 34px;
        background: #a21f25;
        position  : relative;
        z-index   : 8;

        li {
            display: block;
            float  : left;
        }

        .navR {
            float       : right;
            height      : 34px;
            position    : relative;
            margin-right: -60px;

            a {
                font-size   : 12px;
                padding     : 0 10px;
                color       : #f6e9ea;
                border-right: 1px solid #d18f92;
                height      : 14px;
                line-height : 14px;
                margin-top  : 11px;
                float       : left;
            }
        }

        .navL1 {
            width           : 190px;
            height          : 34px;
            line-height     : 34px;
            text-align      : center;
            font-size       : 14px;
            color           : #FFF;
            font-weight     : 700;
            background-color: #B9363D;
        }

        .navL2 {
            #navL2-1 {
                padding-left: 21px;
                margin-left : -3px;
            }

            .on {
                background : #444;
                color      : #FFF;
                position   : relative;
                border-left: 1px solid #a21f25;
                margin-left: -1px;
            }

            a {
                display        : block;
                float          : left;
                font-size      : 14px;
                padding        : 0 18px;
                padding-left   : 18px;
                line-height    : 34px;
                height         : 34px;
                text-decoration: none;
                color          : #FFF;
                background     : url(../images/主页效果/shuline.gif) no-repeat 0 center;
            }
        }
    }
}


.leftNav {
    position  : absolute;
    visibility: hidden;
    z-index   : -9;
    width     : 190px;

    .leftone {
        width           : 190px;
        background-color: #1e1908;

        li {
            position   : relative;
            height     : 43px;
            line-height: 43px;
            color      : #fff;
        }

        .icon {
            display        : inline-block;
            width          : 33px;
            margin-right   : 5px;
            text-align     : right;
            text-decoration: none;
            font-size      : 16px;
            transition     : width .2s linear, background .2s linear;
            background     : url(../images/主页效果/navcats_icon.png) no-repeat 12px -422px;
        }

        .menu-icon2 {
            background-position: 10px -48px;
        }

        .menu-icon3 {
            background-position: 10px -92px;
        }

        .menu-icon4 {
            background-position: 10px -136px;
        }

        .menu-icon5 {
            background-position: 10px -187px;
        }

        .menu-icon6 {
            background-position: 10px -233px;
        }

        .menu-icon7 {
            background-position: 10px -280px;
        }

        .menu-icon8 {
            background-position: 10px -330px;
        }

        .menu-icon9 {
            background-position: 10px -462px;
        }

        a {
            color: #fff;
        }

        .menu-nav-arrow {
            position       : absolute;
            top            : 20px;
            right          : 10px;
            // display     : none;
            height         : 0;
            font-size      : 0;
            line-height    : 0;
            border-style   : solid;
            border-width   : 4px 4px 0;
            border-color   : #fff transparent;
        }
    }
}

.mannav {
    width      : 668px;
    text-align : left;
    font-family: Microsoft Yahei;
    background : #fff;
    box-shadow : 0 0 3px #CCCCCC;
    padding    : 5px 0;
    position   : absolute;
    visibility : hidden;
    z-index    : -9;

    .manul {
        padding: 8px 0 13px;
    }

    li {
        display     : block;
        float       : left;
        width       : 140px;
        padding-left: 22px;

        h4 {
            font-size     : 18px;
            display       : block;
            padding-bottom: 7px;
            height        : 24px;
            line-height   : 24px;
            color         : #2a2a2a;
            margin        : 0;
        }

        a:hover {
            color: red;
        }

        a {
            display        : inline-block;
            position       : relative;
            font-size      : 12px;
            line-height    : 24px;
            outline        : none;
            color          : #555555;
            vertical-align : bottom;
            text-decoration: none;
            white-space    : nowrap;
        }
    }

    .brands {
        width           : 255px;
        background-color: #fff;

        a {
            float : left;
            height: 35px;
            margin: 0 3px 3px 0;
            width : 69px;
        }

        a:hover img {
            border: 1px solid #ccc;
        }
    }
}

.womennav {
    width      : 668px;
    text-align : left;
    font-family: Microsoft Yahei;
    background : #fff;
    box-shadow : 0 0 3px #CCCCCC;
    padding    : 5px 0;
    position   : absolute;
    visibility : hidden;
    z-index    : -9;

    .nvul {
        padding: 8px 0 13px;
    }

    li {
        display     : block;
        float       : left;
        width       : 140px;
        padding-left: 22px;

        a {
            display        : inline-block;
            position       : relative;
            font-size      : 12px;
            line-height    : 24px;
            outline        : none;
            color          : #555555;
            vertical-align : bottom;
            text-decoration: none;
            white-space    : nowrap;
        }
    }

    h4 {
        font-size     : 18px;
        display       : block;
        padding-bottom: 7px;
        height        : 24px;
        line-height   : 24px;
        color         : #2a2a2a;
        margin        : 0;
    }

    a:hover {
        color: red;
    }

    .brands {
        width           : 255px;
        background-color: #fff;

        a {
            float : left;
            height: 35px;
            margin: 0 3px 3px 0;
            width : 69px;
        }

        a:hover img {
            border: 1px solid #ccc;
        }
    }
}

.content {
    width : 990px;
    margin: 0 auto;

    .con-hed {
        padding    : 10px 0;
        font-family: '宋体';
        color      : #999;

        span {
            margin: 0 5px 0 0;

            a {
                color: #999;
            }
        }

        span:hover a {
            color: red;
        }

    }

    .cart-list {
        position: absolute;
        top: 306px;
        right: 37px;
        display: block;
        background-color: azure;
        /* display: none; */
        padding: 10px;
        width: 200px;
        border: 1px solid #ddd;
    }

    .cart-list h4 {
        margin        : 0;
        padding-bottom: 5px;
        border-bottom : 1px solid #ddd;
    }

    .cart-list img {
        width: 60px;
    }

    .cart-list li {
        position: relative;
        height  : 200px;
    }

    .cart-list .btn-close {
        position: absolute;
        top     : 0;
        right   : 0;
        padding : 5px;
    }

    .cart-list .btn-close:hover {
        background-color: #f00;
        color           : #fff;
    }

    .conGoods {
        // overflow: hidden;

        table {
            .goods-L {
                font-family: Arial, Helvetica, sans-serif;
                position   : relative;

                .goodsImg {
                    border: 1px solid #f0f0f0;
                    margin: 0 15px 7px 0;
                    width : 430px;
                    height: 430px;

                    a {
                        img {
                            height        : 430px;
                            width         : 430px;
                            vertical-align: middle;
                        }
                    }

                    #middleArea {
                        width     : 215px;
                        height    : 215px;
                        background: rgba(100, 222, 200, 0.5);
                        position  : absolute;
                        left      : 0;
                        top       : 0;
                        display   : none;
                    }
                }

                #bigArea {
                    position: absolute;
                    left    : 500px;
                    top     : 50px;
                    overflow: hidden;
                    width   : 400px;
                    height  : 400px;
                    border  : 1px solid #ccc;
                    z-index : 999;
                    display : none;

                    img {
                        position: absolute;
                        left    : 0;
                        top     : 0;
                        width   : 800px;
                        height  : 800px;
                    }
                }
            }

            .goods-R {
                .goodsNameWrap {
                    line-height  : 1.8em;
                    margin-bottom: -4px;

                    span {
                        font-size  : 12px;
                        font-weight: normal;
                        float      : right;
                        display    : block;
                        color      : #999;

                        a {
                            color     : #F60;
                            background: 0;
                            border    : 0;
                        }
                    }

                    h1 {
                        margin   : 0;
                        font-size: 14px;
                        width    : 435px;
                    }

                    .sp {
                        margin    : 5px 0;
                        height    : 1px;
                        overflow  : hidden;
                        clear     : both;
                        background: url(../images/详情页/pro_detial_icon1.png) repeat-x;
                    }
                }

                .goodsPrice {
                    margin : 8px 5px 10px;
                    display: block;

                    li {
                        color      : #666;
                        display    : block;
                        line-height: 25px;

                        span {
                            vertical-align: middle;
                        }

                        del {
                            font-family: verdana;
                            color      : #666;
                        }

                        .salePrice_big {
                            color      : #d00;
                            font-size  : 18px;
                            font-weight: 700;
                            font-family: verdana;
                        }

                        .comCountBar {
                            display   : inline-block;
                            width     : 60px;
                            height    : 11px;
                            overflow  : hidden;
                            background: url(../images/详情页/pro_detial_icon1.png) no-repeat -99px -190px;

                            i {
                                background-position: -99px -178px;
                                display            : inline-block;
                                height             : 11px;
                                overflow           : hidden;
                            }
                        }
                    }
                }

                .push_sale {
                    background : url(../images/详情页/pro_detial_icon1.png) repeat-x 0 -65px;
                    padding    : 10px 0 5px;
                    font-family: '宋体';
                    clear      : both;
                    color      : #999;
                    height     : 20px;
                    line-height: 20px;

                    .sbg {
                        background: #ffe9e9;
                        height    : 20px;

                        .t {
                            height      : 20px;
                            padding     : 0 5px;
                            text-align  : center;
                            border-right: 2px solid #fff;
                            float       : left;
                            color       : #fff;
                            background  : #ff9090;
                        }

                        .scon {
                            padding    : 0 5px;
                            height     : 20px;
                            color      : #fe6464;
                            float      : left;
                            white-space: nowrap;
                        }
                    }
                }

                .highline {
                    .goodsSize {
                        float   : right;
                        position: relative;
                        z-index : 999;

                        .showBtn {
                            width   : 28px;
                            height  : 72px;
                            position: absolute;
                            top     : -5px;
                            right   : 5px;
                            cursor  : pointer;
                        }
                    }

                    .highBox {
                        background: #f5f5f5;
                        padding   : 7px 2px;

                        .BoxSize {
                            clear   : left;
                            overflow: hidden;

                            th {
                                padding    : 3px 0;
                                width      : 75px;
                                font-style : normal;
                                font-weight: normal;

                                em {
                                    width     : 55px;
                                    display   : inline-block;
                                    text-align: right;
                                }
                            }

                            td {
                                padding: 3px 0;

                                ul {
                                    margin-right: 30px;

                                    li {
                                        margin: 3px;
                                        float : left;

                                        a {
                                            display   : block;
                                            position  : relative;
                                            background: #fff;
                                            float     : left;

                                            span {
                                                padding    : 4px 6px;
                                                line-height: 15px;
                                                white-space: nowarp;
                                                border     : 1px #ccc solid;
                                                word-break : break-all;
                                                background : #fff;
                                                color      : #333;
                                                display    : block;
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        .BoxSize span:hover {
                            padding     : 3px 5px;
                            border-width: 2px;
                            border-color: #f90;
                        }
                        .BoxSize span.active{
                            border-color: #f90;
                            padding     : 3px 5px;
                            border-width: 2px;
                        }

                        .goodsColor {
                            clear   : left;
                            overflow: hidden;

                            th {
                                padding    : 3px 0;
                                width      : 75px;
                                font-family: Arial, Helvetica, sans-serif;
                                font-style : normal;
                                font-weight: normal;

                                em {
                                    width     : 55px;
                                    display   : inline-block;
                                    text-align: right;
                                    font-style: normal
                                }
                            }

                            td {
                                font-family: Arial, Helvetica, sans-serif;
                                padding    : 3px 0;
                                font-weight: normal;

                                ul {
                                    margin-right: 30px;

                                    li {
                                        float : left;
                                        margin: 3px;

                                        a {
                                            display   : block;
                                            position  : relative;
                                            background: #fff;
                                            float     : left;

                                            img {
                                                width     : 28px;
                                                height    : 28px;
                                                padding   : 1px;
                                                background: #fff;
                                                color     : #333;
                                                display   : block;
                                                box-sizing: border-box;
                                            }

                                            i {
                                                display    : none;
                                                background : url(../images/详情页/item_sel.gif) no-repeat 0 0;
                                                height     : 12px;
                                                overflow   : hidden;
                                                width      : 12px;
                                                position   : absolute;
                                                bottom     : 0;
                                                right      : 0;
                                                text-indent: -9999em
                                            }


                                        }

                                        .select img {
                                            border: 2px solid #f90
                                        }

                                        .select i {
                                            display    : block;
                                            background : url(../images/详情页/item_sel.gif) no-repeat 0 0;
                                            height     : 12px;
                                            overflow   : hidden;
                                            width      : 12px;
                                            position   : absolute;
                                            bottom     : 0;
                                            right      : 0;
                                            text-indent: -9999em;
                                        }

                                        a img:hover {
                                            border: 2px solid #f90;
                                        }
                                    }
                                }
                            }
                        }

                        .buyinfo {
                            line-height: 2em;

                            th {
                                padding    : 3px 0;
                                width      : 75px;
                                font-family: Arial, Helvetica, sans-serif;
                                font-style : normal;
                                font-weight: normal;

                                em {
                                    width     : 55px;
                                    display   : inline-block;
                                    text-align: right;
                                }
                            }

                            td {
                                padding: 3px 0;
                                color  : #999;

                                span {
                                    height    : 15px;
                                    width     : 15px;
                                    overflow  : hidden;
                                    background: url(../images/详情页/pro_detial_icon1.png) no-repeat;
                                    cursor    : pointer;
                                    margin    : 6px 3px;
                                    float     : left;
                                }

                                input {
                                    border     : 1px solid #e0e0e0;
                                    height     : 16px;
                                    width      : 26px;
                                    line-height: 16px;
                                    text-align : center;
                                    margin     : 3px;
                                    float      : left;
                                    font-family: arial;
                                    color      : #555;
                                    font-size  : 12px;
                                }

                                .decrease {
                                    background-position: 0 -301px;
                                }

                                .increase {
                                    background-position: -16px -301px;
                                }
                            }
                        }
                    }

                    .btnbar {
                        height  : 58px;
                        position: relative;

                        .cartbuy {
                            position: absolute;
                            bottom  : 10px;
                            left    : 0;
                            overflow: hidden;
                            color   : #666;

                            .buynums {
                                padding    : 0 3px;
                                color      : #C00;
                                font-weight: 700;
                                font-family: '宋体';
                            }
                        }

                        .cartBox {
                            height    : 46px;
                            position  : absolute;
                            bottom    : 5px;
                            text-align: right;

                            input {
                                width            : 90px;
                                height           : 36px;
                                cursor           : pointer;
                                border           : none;
                                text-indent      : -9999px;
                                background-repeat: no-repeat;
                                display          : inline-block;
                            }

                            .addCart {
                                width     : 171px;
                                height    : 44px;
                                background: url(../images/详情页/pro_detial_icon1.png) no-repeat -1px -124px;
                                float     : right;
                            }

                            .buyNow {
                                float     : left;
                                width     : 137px;
                                height    : 44px;
                                background: url(../images/详情页/pro_detial_icon1.png) no-repeat -1px -447px;
                            }
                        }

                        .addGoods {
                            bottom  : 75px;
                            right   : 5px;
                            display : block;
                            margin  : 0;
                            width   : 95px;
                            height  : 25px;
                            position: absolute;

                            li {
                                a {
                                    display    : block;
                                    width      : 95px;
                                    height     : 25px;
                                    overflow   : hidden;
                                    text-indent: -999em;
                                    background : url(../images/详情页/pro_detial_icon1.png) no-repeat 0 -207px;
                                    cursor     : pointer;
                                }
                            }
                        }
                    }

                    .scn-bz {
                        clear      : both;
                        background : url(../images/详情页/pro_detial_icon1.png) repeat-x 0 -65px;
                        padding    : 10px 0;
                        font-family: '宋体';
                        color      : #777;

                        i {
                            font-style : normal;
                            font-family: Tahoma, Verdana, Arial;
                        }

                        img {
                            vertical-align: middle;
                        }
                    }
                }
            }
        }

        .goods-tab {
            background  : url(../images/详情页/tabsepbg.gif) repeat-x scroll 0 5px;
            height      : 38px;
            margin      : 30px 0 0 0;
            padding-left: 5px;
            overflow    : visible;

            div {
                background   : url(../images/详情页/scn_p_tab_bg.gif) repeat-x;
                height       : 21px;
                padding      : 7px 15px 0 15px;
                width        : auto;
                border       : 1px solid #c0c0c0;
                border-bottom: 0;
                margin       : 0 3px;
                cursor       : pointer;
                color        : #666;
                display      : block;
                float        : left;
                text-align   : center;
            }



            .active {
                background      : #fff none;
                border          : 1px solid #c0c0c0;
                border-bottom   : 0;
                width           : auto;
                border-top-width: 3px;
                padding         : 4px 15px 3px 15px;
                color           : #333;
                display         : block;
                font-size       : 14px;
                font-weight     : bold;
                height          : 28px;
                position        : relative;
                margin          : 0 3px;
                margin-bottom   : -4px;
                margin-top      : -8px;

            }
        }

        .goodsImg {
            .proUl {
                font-family: Tahoma, Verdana, Arial;
                padding    : 0 10px 0px 20px;

                li {
                    color        : #676767;
                    margin       : 3px 0;
                    text-overflow: ellipsis;
                    white-space  : nowrap;
                    float        : left;
                    width        : 185px;
                    overflow     : hidden;
                    height       : 20px;
                }
            }

            .goodsproImg {
                padding: 5px 10px;

                div {
                    line-height: 180%;

                    .qusetion {
                        width        : 725px;
                        margin-bottom: 10px;
                    }

                    img {
                        display    : block;
                        line-height: 180%;
                    }
                }
            }

            .conment {
                background   : #f5f5f5;
                border       : 1px solid #e1e1e1;
                border-bottom: 0;
                height       : 28px;
                line-height  : 28px;
                text-indent  : 10px;
            }
        }

        .scn_p {
            .detail_comKpi {
                margin-bottom: 10px;
                border       : 1px solid #e0e0e0;
                padding      : 10px;
                height       : 75px;

                .kpiNum {
                    width       : 630px;
                    height      : 65px;
                    padding     : 12px 10px 0 30px;
                    border-right: 1px solid #eee;
                    float       : left;
                    color       : #999;
                }

                .comUpBtn {
                    padding: 8px 0 0 50px;
                    color  : #777;
                    float  : left;

                    .combtn {
                        width      : 89px;
                        height     : 37px;
                        line-height: 37px;
                        text-align : center;
                        background : url("../images/详情页/scn04.png") no-repeat 0 -198px;
                        color      : #fff;
                        font-size  : 14px;
                        font-weight: 700;
                        margin     : 5px 8px 0 0;
                        float      : left;
                    }

                    .ckcombtn {
                        background   : url("../images/详情页/scn_g.gif") repeat-x 0 15px;
                        border-radius: 2px;
                        border       : 1px solid #e0e0e0;
                        width        : 100px;
                        height       : 35px;
                        line-height  : 35px;
                        color        : #555;
                        font-weight  : normal;
                        font-size    : 12px;
                        text-align   : center;
                        margin       : 5px 8px 0 0;
                        float        : left;
                    }
                }
            }

            .FormWrap {
                padding      : 7px;
                margin       : 5px 0;
                margin-bottom: 0;

                .boxBrown {
                    background   : #F5F4EC;
                    border       : 1px solid #E5DDC7;
                    padding      : 7px;
                    margin-bottom: 7px;
                    line-height  : 150%;
                }
            }
        }





        .smallImg {
            td {
                vertical-align: middle;
                text-align    : center;

                .sImgbox {
                    text-align: center;
                    width     : 435px;
                    overflow  : hidden;

                    td {
                        padding-right : 2px;
                        vertical-align: middle;
                        text-align    : center;
                        font-size     : 0;
                        line-height   : normal;

                        a {
                            display : block;
                            border  : 2px solid #fff;
                            overflow: hidden;
                            outline : 0;

                            img {
                                border             : 1px #e9e9e9 solid;
                                background         : #fff;
                                border-bottom-color: #ccc;
                                border-right-color : #ccc;
                            }
                        }
                    }
                }

                .current .uparrow {
                    visibility: visible;
                    height    : 6px;
                    font-size : 0;
                    background: transparent url("../images/详情页/upyellowarrow.gif") no-repeat 50% 100%;
                }

                .current a {

                    display     : block;
                    border      : 2px solid #fff;
                    overflow    : hidden;
                    outline     : 0;
                    border-color: #f60 !important;



                }
            }
        }

        .c1 {
            clear      : both;
            content    : "\20";
            font-size  : 1%;
            line-height: 0;
            height     : 0;
            overflow   : hidden;
            display    : block;
        }

        .clear {
            border-top : 1px solid transparent !important;
            border-top : 0;
            clear      : both;
            line-height: 0;
            font-size  : 0;
            height     : 0;
            height     : 1%;
        }

        .share {
            margin    : 20px 20px 0 0;
            height    : 30px;
            background: url(../images/详情页/pro_detial_icon1.png) repeat-x 0 -38px;

            span {
                float        : left;
                color        : #999;
                height       : 20px;
                line-height  : 20px;
                display      : block;
                padding-right: 5px;
            }

            a {
                color      : #666;
                float      : left;
                height     : 20px;
                line-height: 20px;
                padding    : 0 5px 0 20px;
                background : url(../images/详情页/share.png) no-repeat;
            }

            .share-a1 {
                background-position: 0 -64px;
            }

            .share-a2 {
                background-position: 0 -19px;
            }

            .share-a3 {
                background-position: 0 3px;
            }

            .share-a4 {
                background-position: 0 -41px;
            }

            .share-a5 {
                background         : url(../images/详情页/tencent.png) no-repeat;
                background-position: 0 2px;
            }
        }
    }
}

.sp {
    margin    : 5px 0;
    height    : 1px;
    overflow  : hidden;
    clear     : both;
    background: url(../images/详情页/pro_detial_icon1.png) repeat-x;
}

.right {
    height          : 100%;
    background-color: #000;
    width           : 37px;
    position        : fixed;
    right           : 0px;
    top             : 0px;

    .firebox {
        background-color         : #BD0000;
        position                 : relative;
        width                    : 41px;
        height                   : 157px;
        border-bottom-left-radius: 2px;
        top                      : 0;
        left                     : -4px;
        cursor                   : pointer;

        .firelogo {
            background         : url(../images/rbar_icon.png) no-repeat;
            background-position: 7px 14px;
            // position  : absolute;
            // left      : 0;
            // top       : 0;
            width              : 37px;
            height             : 35px;
        }

        .firewrite {
            width      : 20px;
            display    : block;
            font-size  : 18px;
            line-height: 22px;
            top        : 48px;
            left       : 6px;
            text-align : center;
            color      : #fff;
            padding    : 0 3px;
            position   : absolute;
        }
    }

    .pinpai {
        height          : 122px;
        margin-top      : 23px;
        position        : relative;
        left            : 0;
        width           : 37px;
        background-color: #000;
        cursor          : pointer;
        z-index         : 9;

        .pinpailogo {
            background         : url(../images/rbar_icon.png) no-repeat;
            background-position: 6px -29px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }

        .pinpaitxt {
            display    : block;
            left       : 8px;
            top        : 40px;
            width      : 20px;
            line-height: 16px;
            overflow   : hidden;
            padding    : 0;
            position   : absolute;
            font-size  : 12px;
            text-align : center;
            color      : #fff;
        }
    }

    .cartbox {
        margin          : 8px 0px;
        height          : 35px;
        position        : relative;
        left            : 0;
        width           : 37px;
        background-color: #000;
        cursor          : pointer;
        z-index         : 9;

        .cartlogo {
            background         : url(../images/rbar_icon.png);
            background-position: 7px -77px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }

        .cartboder {
            position  : absolute;
            top       : -5px;
            left      : 5px;
            height    : 33px;
            width     : 25px;
            border-top: 1px solid #676767;
        }
    }

    .shopbox {
        margin          : 8px 0px;
        height          : 35px;
        position        : relative;
        left            : 0;
        width           : 37px;
        background-color: #000;
        cursor          : pointer;
        z-index         : 9;

        .shoplogo {
            background         : url(../images/rbar_icon.png);
            background-position: 10px -119px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }
    }

    .starbox {
        position        : absolute;
        z-index         : 1;
        cursor          : pointer;
        bottom          : 90px;
        left            : 0;
        width           : 37px;
        height          : 35px;
        background-color: #000;

        .starlogo {
            background         : url(../images/rbar_icon.png);
            background-position: 7px -218px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }
    }

    .sharebox {
        position        : absolute;
        z-index         : 1;
        cursor          : pointer;
        left            : 0;
        width           : 37px;
        height          : 35px;
        background-color: #000;
        bottom          : 50px;

        .sharelogo {
            background         : url(../images/rbar_icon.png);
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
            background-position: 8px -273px;
        }
    }

    .backtopbox {
        display         : none;
        position        : absolute;
        z-index         : 1;
        cursor          : pointer;
        bottom          : 10px;
        left            : 0;
        width           : 37px;
        height          : 35px;
        background-color: #000;

        .backtoplogo {
            background         : url(../images/rbar_icon.png);
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
            background-position: 7px -324px;
        }
    }

}

.footbrand {
    width         : 892px;
    background    : #fff;
    overflow      : hidden;
    padding-bottom: 1px;
    margin        : 0 auto;
    height        : 142px;

    a {
        border     : 1px solid #DFDFDF;
        display    : block;
        float      : left;
        height     : 70px;
        margin     : 0 -1px -1px 0;
        overflow   : hidden;
        position   : relative;
        text-indent: -999px;
        width      : 125px;

        span {
            display      : block;
            height       : 100%;
            left         : 0;
            position     : absolute;
            top          : 0;
            // visibility: hidden;
            width        : 100%;
            cursor       : pointer;
        }
    }

    .ft-a1 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: 32px -176px;

    }

    a:hover span {
        background-color: skyblue;
        opacity         : 0.3;
    }

    .ft-a2 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -94px -176px;
    }

    .ft-a3 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -703px -333px;
    }

    .ft-a4 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -826px -333px;
    }

    .ft-a5 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -578px -176px;
    }

    .ft-a6 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -584px -10px;
    }

    .ft-a7 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -579px -258px;
    }

    .ft-a8 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -823px -176px;
    }

    .ft-a9 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -93px -256px;
    }

    .ft-a10 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -455px -331px;
    }

    .ft-a11 {
        background         : url(../images/名鞋库品牌logo.png) no-repeat;
        background-position: -218px -176px;
    }
}

.footbrand2 {
    height       : 36px;
    width        : 990px;
    margin       : 0 auto 28px;
    clear        : both;
    border-bottom: 1px solid #ccc;
    position     : relative;

    h3 {
        font-size  : 18px;
        font-family: microsoft yahei;
        position   : absolute;
        left       : 50%;
        margin     : 12px 0 0 -60px;
        background : #fff;
        padding    : 10px 20px;
        font-weight: 100;
        color      : #111;
    }
}

.footbrand3 {
    width      : 990px;
    margin     : 0 auto 15px;
    font-family: microsoft yahei;
    overflow   : hidden;

    dl {
        width        : 245px;
        float        : left;
        padding-right: 2px;

        dt {
            text-align: center;

            a {
                color          : #222;
                text-decoration: none;

                s {
                    text-align     : center;
                    display        : block;
                    font-size      : 14px;
                    font-weight    : 700;
                    font-style     : normal;
                    text-decoration: none;
                }
            }
        }

        dd {
            border-right: 1px dotted #ccc;
            height      : 85px;
            overflow    : hidden;
            padding     : 0 10px 0 15px;

            a {
                color          : #555;
                display        : block;
                float          : left;
                margin-bottom  : 10px;
                white-space    : nowrap;
                width          : 54px;
                font-size      : 12px;
                text-decoration: none;
            }
        }
    }
}

.footbrand4 {
    margin: 0 auto;
    width : 990px;

    a {
        color          : #333;
        text-decoration: none;
    }
}

.foot {
    margin-top    : -4px;
    border-top    : 2px solid #ce3c3b;
    background    : #f8f8f8;
    padding-bottom: 1px;

    .ft-box {
        height       : 226px;
        padding      : 15px;
        background   : #f5f5f5;
        border-bottom: 1px solid #e8e8e8;

        .ftbox {
            margin: 0 auto;
            width : 990px;

            .ft1 {
                height      : 195px;
                width       : 220px;
                border-right: 1px solid #dedede;
                float       : left;
                position    : relative;
            }

            .ftLi {
                border-left : 1px solid #fff;
                height      : 195px;
                padding-left: 40px;
                float       : left;
                line-height : 1.6em;

                li {
                    display: block;
                    width  : 186px;
                    float  : left;

                    h6 {
                        display    : block;
                        height     : 36px;
                        margin     : 5px 0 25px;
                        font-size  : 1em;
                        font-weight: bold;

                        a {
                            color          : #333;
                            text-decoration: none;
                        }
                    }

                    h5 {
                        display    : block;
                        margin     : 0 0 6px;
                        font-size  : 14px;
                        color      : #666;
                        font-family: '宋体';
                        font-weight: bold;
                    }

                    span {
                        color: #999;

                        a {
                            color          : #999;
                            text-decoration: none;
                            font-size      : 12px;
                        }
                    }
                }

                .lastLi {
                    width: 156px;
                }
            }
        }
    }

    .ft-box2 {
        text-align: center;
        padding   : 20px 0;
        font-size : 12px;
        color     : #777;

        span {
            color      : #ccc;
            font-family: '宋体';
            font-size  : 12px;

            a {
                color          : #777;
                text-decoration: none;
                font-size      : 12px;
            }
        }

        .c1 {
            clear      : both;
            content    : "\20";
            font-size  : 1%;
            line-height: 0;
            height     : 0;
            overflow   : hidden;
            display    : block;
        }

        b {
            font-size  : 20px;
            color      : #c00;
            font-weight: 700;
        }
    }

    .ft-box3 {
        width : 640px;
        height: 50px;
        margin: 0 auto 30px;

        a {
            float          : left;
            width          : 112px;
            height         : 47px;
            margin-right   : 10px;
            color          : #333;
            text-decoration: none;
        }
    }

    .ft-friend {
        position   : relative;
        margin-left: 100px;

        .friend-box {
            position     : absolute;
            width        : 990px;
            border-bottom: 1px dashed #CCCCCC;
            border-top   : 1px dashed #CCCCCC;
            height       : 20px;
            padding      : 5px;

            h4 {
                color      : #999999;
                float      : left;
                font-size  : 12px;
                font-weight: normal;
                line-height: 20px;
                margin     : 0;
            }

            .shangfan {
                font-size  : 12px;
                line-height: 20px;
                overflow   : hidden;
                height     : 20px;

                li {
                    margin       : 0;
                    overflow     : hidden;
                    padding      : 0;
                    text-overflow: ellipsis;
                    white-space  : nowrap;

                    a {
                        color          : #999999;
                        float          : left;
                        padding        : 0 5px;
                        white-space    : nowrap;
                        text-decoration: none;
                    }
                }
            }
        }
    }
}